<template>
    <div>
        <el-card shadow="hover">
            <div class="font_style">
                <span>{{$i18n.t('REGISTER_USER_NUMBER')}}：{{ data.user_num }}</span>
                <span>{{$i18n.t('APPLY_USER_NUMBER')}}：{{ data.full_num }}</span>
                <span>{{$i18n.t('INPUT_SINGLE_AMOUNT')}}：{{ data.order_num }}</span>
                <span>{{$i18n.t('LOAN_SINGLE_AMOUNT')}}：{{ data.pay_order_num }}</span>
                <span>{{$i18n.t('LOAN_AMOUNT')}}：{{ switchValue ? data.CNY.pay_amount : data.IDR.pay_amount }}</span>
                <span>{{$i18n.t('PAID_BACK_AMOUNT')}}：{{ switchValue ? data.CNY.repay_amount : data.IDR.repay_amount }}</span>
            </div>
            <div class="font_style">
                <span>{{$i18n.t('APPLY_LOAN_CONVERSION_RATE')}}：{{ data.conversion_rate }}</span>
                <span>{{$i18n.t('OVERDUE_NOT_PAID_AMOUNT')}}：{{ switchValue ? data.CNY.overdue_amount : data.IDR.overdue_amount }}</span>
                <span>{{$i18n.t('REPAYING_AMOUNT')}}：{{ switchValue ? data.CNY.no_repayment_amount : data.IDR.no_repayment_amount }}</span>
                <span>{{$i18n.t('LOADING_BALANCE')}}：{{ switchValue ? data.CNY.current_amount : data.IDR.current_amount }}</span>
                <span>{{$i18n.t('LOADING_ORDER_NUMBER')}}：{{ data.current_order_num }}</span>
                <span>{{$i18n.t('OVERDUE_ORDER_NUMBER')}}：{{ data.current_overdue_order_num }}</span>
            </div>
        </el-card>
    </div>
</template>

<script>
    export default {
        name: 'HistoryOverview',
        props: {
            data: {
                type: Object,
                required: true
            },
            switchValue: {
                type: Boolean,
                required: true
            }
        }
    }
</script>

<style scoped lang="less">
    .font_style{
        width: 100%;
        display: flex;
        justify-content: space-between;
        text-align: left;
        span{
            width: 400px;
            color: #666666;
        }
    }
</style>
